<?php
require('../functions.php');
require('../header.php');

//echo $url;

?>
			
			<div id="type_head">
				<!-- hide options
				<ul>
					<li>manage calendar</li>
					<li>|</li>
					<li>print job</li>
				</ul>
				-->
			</div>
			
			<div id="satb_tabs_container">
				
				<ul class="satb_tabs">
					<div id="satb_tabs_center">
						<li>quicksend talent book</li>
						<li>|</li>
						<li><b>send a talent book</b></li>
					</div>
				</ul>
				
			</div> <!-- end satb tabs container -->
			
			<div id="atb_wrapper">
				<div id="satb_wrapper">
					
					<h2>Persofolio&#8482; Editor</h2>
				
					<div id="satb_container">
						
						<div id="steps_perso">
							<div class="arrow_connect">
							</div>
							
							<ul>
								<li><b>1</b>
									<div id="step1">
										Persofolio&#8482; <br />
										Editor
									</div>
								</li>
								
								<li class="selected_step">2
									<div id="step2">
										Create <br />
										Package
									</div>
								</li>
								
								<li>3
									<div id="step3">
										Persofolio&#8482; <br />
										Order
									</div>
								</li>
								
								<li>4
									<div id="step4">
										Package <br />
										Notes
									</div>
								</li>
							</ul>
							
						</div> <!--persofolio steps -->
						
						<div class="photo_list_wrap">
							
							<div class="photo_list_head">
								<!-- <form action="test_submit" method="get" accept-charset="utf-8"> -->
									<ul style="width: 100%">
									     <li class="right"><input type="submit" name="prev_batch" value="Next" id="some_name" /></li>
										<li class="middle_info"><p>Select model for portfolio page view</p></li>
									     <li class="left left_extra"><input type="submit" name="next_batch" value="Previous" id="some_name" /></li>
									</ul>
								</div> <!-- end photo list head -->
							
								<div class="mini_photo_list">
									<ul>
										
										<li>
											<div class="mini_pic">
												pic here
											</div>
											<div class="checkbox_mini">
												<input type="checkbox" name="" value="Checkbox" />
											</div>
										</li>
										
										<li>
											<div class="mini_pic">
												pic here
											</div>
											<div class="checkbox_mini">
												<input type="checkbox" name="" value="Checkbox" />
											</div>
										</li>
										
										<li>
											<div class="mini_pic">
												pic here
											</div>
											<div class="checkbox_mini">
												<input type="checkbox" name="" value="Checkbox" />
											</div>
										</li>
										
										<li>
											<div class="mini_pic">
												pic here
											</div>
											<div class="checkbox_mini">
												<input type="checkbox" name="" value="Checkbox" />
											</div>
										</li>
										
										<li>
											<div class="mini_pic">
												pic here
											</div>
											<div class="checkbox_mini">
												<input type="checkbox" name="" value="Checkbox" />
											</div>
										</li>
										
										<li>
											<div class="mini_pic">
												pic here
											</div>
											<div class="checkbox_mini">
												<input type="checkbox" name="" value="Checkbox" />
											</div>
										</li>
										
										<li>
											<div class="mini_pic">
												pic here
											</div>
											<div class="checkbox_mini">
												<input type="checkbox" name="" value="Checkbox" />
											</div>
										</li>
										
										<li>
											<div class="mini_pic">
												pic here
											</div>
											<div class="checkbox_mini">
												<input type="checkbox" name="" value="Checkbox" />
											</div>
										</li>
										
									</ul> <!-- end ul list of pictures -->
									
									<div class="photo_arrow">
										<p>1 of 5 Complete</p>
									</div>
									
									<ul style="width: 100%; margin-top: 20px;">
									     <li class="right"><input type="submit" name="prev_batch" value="Next" id="some_name" /></li>
									    <li class="left left_extra"><input type="submit" name="next_batch" value="Previous" id="some_name" /></li>
										<li class="title_tag">Portfolio of [model name here]</li>
									</ul>
									
									<div id="pic_arrange_container">
										<p>Select image and choose the order pages should be viewed</p>
										<div class="pic_arrange">
											<ul>
												
											     <li>
											     	<div class="mini_pic">
														pic here
													</div>
													
													<div class="mini_pic_options">
														<input type="checkbox" name="" value="Checkbox" />  
														<select>
												     		<option>1</option>		    
															<option>2</option>
														</select>
													</div>
											     </li>
											
												<li>
											     	<div class="mini_pic">
														pic here
													</div>

													<div class="mini_pic_options">
														<input type="checkbox" name="" value="Checkbox" />  
														<select>
												     		<option>1</option>		    
															<option>2</option>
														</select>
													</div>
											     </li>
											
												<li>
											     	<div class="mini_pic">
														pic here
													</div>

													<div class="mini_pic_options">
														<input type="checkbox" name="" value="Checkbox" />  
														<select>
												     		<option>1</option>		    
															<option>2</option>
														</select>
													</div>
											     </li>
											
												<li>
											     	<div class="mini_pic">
														pic here
													</div>

													<div class="mini_pic_options">
														<input type="checkbox" name="" value="Checkbox" />  
														<select>
												     		<option>1</option>		    
															<option>2</option>
														</select>
													</div>
											     </li>
											
												<li>
											     	<div class="mini_pic">
														pic here
													</div>

													<div class="mini_pic_options">
														<input type="checkbox" name="" value="Checkbox" />  
														<select>
												     		<option>1</option>		    
															<option>2</option>
														</select>
													</div>
											     </li>
											
												<li>
											     	<div class="mini_pic">
														pic here
													</div>

													<div class="mini_pic_options">
														<input type="checkbox" name="" value="Checkbox" />  
														<select>
												     		<option>1</option>		    
															<option>2</option>
														</select>
													</div>
											     </li>
											
												<li>
											     	<div class="mini_pic">
														pic here
													</div>

													<div class="mini_pic_options">
														<input type="checkbox" name="" value="Checkbox" />  
														<select>
												     		<option>1</option>		    
															<option>2</option>
														</select>
													</div>
											     </li>
											
												<li>
											     	<div class="mini_pic">
														pic here
													</div>

													<div class="mini_pic_options">
														<input type="checkbox" name="" value="Checkbox" />  
														<select>
												     		<option>1</option>		    
															<option>2</option>
														</select>
													</div>
											     </li>
											
												<li>
											     	<div class="mini_pic">
														pic here
													</div>

													<div class="mini_pic_options">
														<input type="checkbox" name="" value="Checkbox" />  
														<select>
												     		<option>1</option>		    
															<option>2</option>
														</select>
													</div>
											     </li>
											
												<li>
											     	<div class="mini_pic">
														pic here
													</div>

													<div class="mini_pic_options">
														<input type="checkbox" name="" value="Checkbox" />  
														<select>
												     		<option>1</option>		    
															<option>2</option>
														</select>
													</div>
											     </li>
											
												<li>
											     	<div class="mini_pic">
														pic here
													</div>

													<div class="mini_pic_options">
														<input type="checkbox" name="" value="Checkbox" />  
														<select>
												     		<option>1</option>		    
															<option>2</option>
														</select>
													</div>
											     </li>
											
												<li>
											     	<div class="mini_pic">
														pic here
													</div>

													<div class="mini_pic_options">
														<input type="checkbox" name="" value="Checkbox" />  
														<select>
												     		<option>1</option>		    
															<option>2</option>
														</select>
													</div>
											     </li>
											
												<li>
											     	<div class="mini_pic">
														pic here
													</div>

													<div class="mini_pic_options">
														<input type="checkbox" name="" value="Checkbox" />  
														<select>
												     		<option>1</option>		    
															<option>2</option>
														</select>
													</div>
											     </li>
											
												<li>
											     	<div class="mini_pic">
														pic here
													</div>

													<div class="mini_pic_options">
														<input type="checkbox" name="" value="Checkbox" />  
														<select>
												     		<option>1</option>		    
															<option>2</option>
														</select>
													</div>
											     </li>
											
												<li>
											     	<div class="mini_pic">
														pic here
													</div>

													<div class="mini_pic_options">
														<input type="checkbox" name="" value="Checkbox" />  
														<select>
												     		<option>1</option>		    
															<option>2</option>
														</select>
													</div>
											     </li>
											
												<li>
											     	<div class="mini_pic">
														pic here
													</div>

													<div class="mini_pic_options">
														<input type="checkbox" name="" value="Checkbox" />  
														<select>
												     		<option>1</option>		    
															<option>2</option>
														</select>
													</div>
											     </li>
											
											</ul> <!-- end list of pic arrangement -->
										</div>
										
									</div> <!-- end arrangement of pics container -->
									
								</div> <!-- end mini photo list -->
								
							</div> <!-- end photo list wrap -->
						
							<div class="satb_footer">
								<a href="http://dev.leofulgencio.com/project_perso/atb/satb_stp3.php"><input type="submit" class="right" name="step3_submit" value="Step 3" id="some_name" /></a>
								<a href="http://dev.leofulgencio.com/project_perso/atb/satb.php"><input type="submit" class="left" name="some_name" value="Step 1" id="some_name" /></a>
							</div> <!-- end satb footer -->
							
							<div class="finished_package">
								<input type="submit" name="done_pkg" value="Done" id="finished" />
							</div>
						<!--</form>--> <!-- end step 2 form -->
						
					</div> <!-- end satb container -->
					
				</div> <!-- end satb wrapper -->
			</div> <!-- end atb wrapper -->
			
			</div> <!-- end main wrapper div-->
			
			
			
		
	<?php require('../footer.php'); ?>